体验碎周报第 100 期（2022.6.20）
系统的知识来源于对碎片的整理和思考，为了更好地输出系统知识，记录本周我发现的体验设计和思考，为构建系统知识做准备。
历时近 3 年，热烈庆祝本周刊达到 100 期！
体验亮点
柯路建筑事务所官方网站
链接：https://www.clouarchitects.cn
CLOU（柯路）是一家在建筑、室内、景观设计领域屡获殊荣的国际设计事务所，作品涵盖城市综合体、商业建筑、高层办公楼、酒店、教育建筑、艺术装置等项目类型。官方网站的动效特别赞，案例图片呈一个圆环旋转，点击分类有镜头缩放效果。
后续 App 字体选择玩梗
由知名独立开发者 waylybaye 开发的后续 App，在字体选择文案上玩了罗永浩当年拍的微电影《幸福 59 厘米之小马》里讽刺星巴克中杯大杯超大杯的梗——“就要中间那个”。
来自 @林登万
贝壳找房日照模拟
贝壳找房具备日照模拟功能，不同季节不同时刻不同楼栋的日照效果可以动态查看，帮助用户选择合适的楼栋。
体验槽点
闲鱼保留商品状态卡片按钮不变
闲鱼一直保留商品状态卡片的按钮不变没必要。比如现在已付款店家已发货，【去付款】没必要显示。货还在路上【查看快递状态】比【确认收货】更重要。
闲鱼推荐准度太差
在闲鱼买了一次桌面升降台，现在给我推工业用油压升降台，这推荐准度也太差了。再者桌面升降台不容易损耗，短期不会再买第二个，推点办公椅、键盘手托才合适啊。
爱奇艺「随刻热点」的排版
爱奇艺「随刻热点」的排版一言难尽，账号和内容间距区分不明显，看不清到底哪个是谁发的。再加上有广告，视频封面也是花花绿绿的，整个看着就觉得满屏幕都是广告。
推荐阅读
用例驱动设计，让你的设计更严谨
链接：https://mp.weixin.qq.com/s/aPZxOa6vpSoWiadeQVJ5xA
用例（Use Case）的概念早在 1986 年就已被提出，它是 UML 中用来给传统软件需求分析的好帮手，可有效的划定范围、锚定用户、区分关系、定义价值，通过不同颗粒度的抽象层次，不断瓦解复杂系统，使设计和管理有序化。本文基于早已发展成熟的用例驱动设计理念，试图从中找到一条适合体验设计师介入的小径，来应对复杂业务的产品设计，把复杂梳理成简单。
交互体验之动效深耕
链接：https://www.zhisheji.com/jiaocheng/1557661.html
动效设计不仅能够增加用户操作的舒适度，还能引导用户关注重要的信息，而这些都只是动效诸多作用当中的一小部分，一个优秀的动效设计能够赋能产品价值，带给用户更高质量的用户体验。在本文，你可以全面的了解到：· 动效设计的意义与价值
· 动效的作用
· 交互动效的设计原则
· 产品中的动效分类
· 动效时长
· 动效落地的N 种解决方案
用“讲故事”的方法做设计作品集
链接：https://mp.weixin.qq.com/s/wC3lHUHRsE_tFA9knDFwug
好的 UX 作品集要做到能让你像讲一个故事一样精彩纷呈去呈现内容——它有开头、有结局、中间有抑有扬；不求面面俱到，但求脉络清晰、环环相扣。这样才能让面试官留下深刻印象。
那么我们如何组织出 UX 作品集的“故事型脉络”呢？本文将按照开端、发展、高潮、结局几个部分分别解释。
什么是“故事型脉络”？ 开端：矛盾鲜明的问题阐述 发展：环环相扣的策略推演 高潮：能体现解决能力+专业能力的关键页展示 结局：令人期待的愿景设想 做好整体的内容把控
国际化产品设计：Hofstede 的文化维度
链接：http://www.woshipm.com/pd/4448329.html
不同国家的文化和用户习惯可能有着很大的差距，产品经理在设计跨文化领域的产品时，除了需要理解当地的文化、使用习惯以外，也需要针对当地的个性化需求和文化在产品上做出不同的策略，以更好的服务于不同文化的用户。本文作者与大家分享一个用于衡量跨文化价值观最广泛使用的框架——Hofstede 的文化维度。
如何做东南亚的本地化产品设计？
链接：https://zhuanlan.zhihu.com/p/386551748
不少国内企业斥巨资出海东南亚。但东南亚是一个地域差异很大的市场，每个国家的人口结构，生活方式、伦理道德、宗教信仰也不同，造成用户的消费习惯及行为也会不一样。那么，东南亚市场该怎么做？如何才能使产品在当地较有亲和力，产品和企业能够被本地人认同和喜爱？而作为设计师又可以在中间担任什么角色？恰好作者一直在做东南亚市场的设计，总结出一些东南亚设计经验。
苹果：重新定义 VR “手柄”
链接：https://mp.weixin.qq.com/s/VRothselxOu1yh4eB78zHg
关于苹果的 MR 眼镜（Mix Reality 是苹果内部对其 VR 产品的称呼），作者已从供应链获取多个一手信源信息。但由于目前苹果产品还处于高保密阶段，因此从信源获取的信息暂时还不便披露。而今天作者要“曝光”的是苹果 MR的“手柄”，文章内容主要来自对苹果专利的研究，并不涉及供应链直接信源。
工具资源
Storybook showcase —— 设计系统文档收集
链接：https://storybook.js.org/showcase
Storybook 是国外用来写设计系统文档的工具，而 showcase 就是用来展示他们的成功案例，包含微软、爱彼迎和 Adobe 等知名公司的 86 个设计系统，支持按标签和组件名称进行筛选。
奥迪设计系统
链接：https://www.audi.com/ci/en/renewed-brand.html
除了传统的控件，包含很多品牌、媒体广告、视频和经销商设施等规范。
LaudableApps —— 收集设计精美 App
链接：https://laudableapps.com
LaudableApps 是一个收集设计精美 App 的网站，虽然更新不快，但历史悠久。甚至还有我 2013 年刚入行那会儿流行的拟物寿司 App。
Kingsoft Cloud Design 2.0 —— 金山云企业级设计解决方案
链接：https://design.ksyun.com/
由金山云 UED 团队和云计算前端团队历时四年开发和维护。提炼于复杂的云产品业务场景，提供设计风格、设计指南、⼯具、业务模板等，从产品到测试全流程的设计解决方案，为跨部门协作提供了丰富的资源。不仅支持 Vue2、Vue3、React 等业界主流的技术框架，同时还支撑了云平台上百个产品，服务于金山云内外部用户。
乐字蒙黑体 —— 免费商用字体
乐字蒙黑体是“乐字”制作的一款美术标题字。它的整体字形偏长，字面结构饱满，有稳重中具备力量感的同时笔画结构蕴含乐趣在其中，使其多了一些生动活泼。
网易内部设计资料限量放送
链接：https://mp.weixin.qq.com/s/H6gD9IqIbnpVlmx9eR4uzw
有道设计总监亲自分享，助力您实现升值加薪。
产品发现
Uber 3D 车模演示
链接：https://s3-us-west-2.amazonaws.com/uber-common-public/garage/index.html
Uber 对 App 里展示的 3D 车模重新设计，为了让业内人士看清楚车模的细节，特地用 WebGL 做了一个车模演示网站。
Perception —— 科幻电影虚拟 UI 设计工作室
链接：https://www.experienceperception.com/work.html
这家工作室被美国广播电视界最具权威的的艾美奖提名过，给钢铁侠、蜘蛛侠、雷神、复仇者联盟等电影里做科幻 UI。
多邻国推出 Super Duolingo
Super Duolingo 取代了 Duolingo Plus 成为多邻国的订阅服务，其实权益和价格都没什么变化，就是界面更炫酷些。之所以改名是从游戏中获得灵感，给用户更多学习的成就感。
Wookmama Color Visualizer —— 实时预览实物调色效果
链接：https://apps.apple.com/us/app/wookmama-color-visualizer/id1553793793
该 App 提供了数百种由设计师精心策划并按类别组织的色彩方案。我们可以保存、定制或创建色彩方案。然后把色彩方案应用到 App 内置的各种包含墙纸、包装的场景图片中，实时预览调色效果。
设计师心乐的个人网站
链接：https://xinle.design
字节跳动设计师心乐的个人网站，用 Framer 做的，已经被 Framer 被官方当作示例案例了。
日本设计中心
链接：https://www.ndc.co.jp/cn/
1959 年作为促进日本广告设计的发展及质量水平的创造集团，召集了日本最高水准的设计人员、广告文案创意人、摄影师。由 8 家公司出资成立。现任总监原研哉，作品包括平面、空间、Web 和 App、视频等，值得一看。
Gareth Hughes 的个人网站
链接：https://www.gareth-hughes.com
Gareth Hughes 是 Welsh 的设计总监，从业 12 年，网站上有很多很棒的作品。
Diverse UI —— 免费的用户头像生成
链接：https://diverseui.com
Diverse UI 提供 Sketch 插件，为设计师做 UI 时快速填充多样化的用户头像。
相关资讯
Challenge: Pixel perfect design —— 苹果像素设计挑战
链接：https://developer.apple.com/news/?id=3sgp4ps7
今年 WWDC 苹果搞了个新玩法，发起了一个像素设计挑战。你可以下载 PSD 模板在48 × 48像素、32 × 32像素或16 × 16像素的画布上仅使用黑白颜色创建像素级的应用程序图标。推特上有很多设计师晒出了作品。
Internet Explorer 浏览器正式退出历史舞台
在 2022 年 6 月补丁星期二活动中，微软表示现有 IE 浏览器今后将不再获得任何错误或者漏洞修复，鼓励用户切换到的 Microsoft Edge 浏览器。
小米旗下智能家居平台米家崩溃
米家 App 是小米推出的智能硬件管理平台。通过米家 App，用户可完成手机与智能硬件之间的交互，并实现智能设备之间的互联互通。6 月 16 日，小米米家 App 出现崩溃问题，所有设备无法加载。由于米家所有控制指令都要通过云端的小米服务器处理，就算你在家也没办法用手机控制智能家居。这种体验非常扯淡，比如小偷来了剪断网线，即使你在家也听不到智能家居的警报。
国家互联网信息办公室关于《互联网跟帖评论服务管理规定（修订草案征求意见稿）》公开征求意见的通知
链接：https://mp.weixin.qq.com/s/IX6RntB-FGGgFKgp7O7jow
《互联网跟帖评论服务管理规定》规定不得向未认证真实身份信息的用户提供跟帖评论服务。对跟帖评论信息内容实行先审后发。
开发者改造 MacBook 刘海：成为 AirDrop 文件快捷入口
去年年底发布的 14/16 英寸 MacBook Pro 采用了“全新”的刘海造型，媒体和用户对这个熟悉的设计褒贬不一。为了更充分利用这个刘海区域，国外开发者 Ian Keen 对其进行改造，使其成为 AirDrop 发送兼容文件的快捷入口。
exping 推出路线功能
链接：https://mp.weixin.qq.com/s/5J5IOEtrJlM9mnKiDxvjyA
之前给大家介绍过的 exping 是一款为创作者而生的地图标记工具，最近更新版本支持标记路线。例如自驾游路线、自由行路线攻略、徒步路线、骑行路线......等。可根据地点之间的距离自动标记出行工具，也可切换成你所需的交通工具，每一条路线都可生成一张精美的路线图。
Aphrodite 将持续时间上限延长至 240 分钟
Aphrodite 出一款记录性生活的 App，最近部分用户强烈要求，将持续时间上限延长至 240 分钟。比日本爱情动作片的时间都长，一看就是用户吹牛炫耀叶公好龙的需求。
思考碎片
笔记的输入和调用不可兼得
之前看到一篇讲新笔记软件的文章下的评论：“所有数字化的卡片笔记产品，都在想方设法地还原纸质使用感” 从纸张变成数字化，我们获得了永久存储和易于编辑，但按格式存储的特性又让写东西变得麻烦，笔迹和文字要不同的工具、标签和文本本质都是文字但要在不同的地方输入。如果用纸质就只有笔和纸，不需要切换工具才能够让思维和手自由专注于写。表达和编辑、自由和格式，其实充满了矛盾。
一个是调用最优，一个是输入最优。